<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>豆腐渣管理系统</title>
    <link href="images/logo.png" rel="icon">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/student.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div id="body">
    <div id="logo">
        <img alt="logo-img" src="images/logo.png" id="logo-img">
        <span id="ourname">中国豆腐渣工程</span>
        <a href="javascript:" class="btn cancel" id="exit">退出</a>
        <span id="time"></span>
        <span id="welcome">欢迎 <span id="currentuser">管理员</span> 的登录</span>
    </div>
    <div id="content">
        <div id="left">
            <div class="circle">
                <ul class="hidden">
                    <li><a href="employee.html" target="_self">员工管理</a></li>
                    <li><a href="department.html" target="_self">部门管理</a></li>
                    <li><a href="job.html" target="_self">职位管理</a></li>
                </ul>
                <span>资料管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="school-activity.html" target="_self">学校活动</a></li>
                    <li></li>
                    <li><a href="school.html" target="_self">学校管理</a></li>
                </ul>
                <span>学校管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="student.html" target="_self">学生管理</a></li>
                    <li><a href="teacher.html" target="_self">老师管理</a></li>
                    <li><a href="class.html" target="_self">班级管理</a></li>
                </ul>
                <span>用户管理</span>
            </div>

        </div>


        <div id="right">
           <div id="student">
            <h2 style="letter-spacing: 8px;">学生一览表</h2>
            <div>
                <div id="sheng">
                    <span style="display: block;height: 30px;background: #ccc;padding:8px 10px 5px 10px;text-align: left;">四川省</span>
                    <dl id="_d1" >
                        <dt style="background: url(images/bg4.png) 95%  no-repeat;text-align: left;" id="dian1" >成都市</dt>
                        <div id="dian3">
                             <dd id="info"  class="_backg" >成都外国语学院<dd>
                             <dd id="info1" class="_backg" >成都第十二中学</dd>
                        </div>
                    </dl>
                    <dl id="_d2">
                        <dt style="background: url(images/bg4.png) 95% no-repeat;text-align: left;" id="dian2">绵阳市</dt>
                        <div id="dian4">
                            <dd id="info2" class="_backg" >绵阳第一中学</dd>
                            <dd id="info3" class="_backg" >绵阳第三中学</dd>
                        </div>
                    </dl>
                </div>

                <div id="tb">
                    <table>
                        <tr>
                            <th class="s">学生姓名</th>
                            <th class="s">性别</th>
                            <th class="s">班级</th>
                            <th class="s">联系电话</th>
                        </tr>
                        <tr>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
               <ul>
                   <li style="margin-left:140px;">  <a href="javascript:" class="btn small" style="width: 60px; margin-top: 10px;
                       ">上一页</a>
                       <a href="javascript:" class="btn small" style="width: 60px;margin-left: 5px;" >下一页</a>
                       <label style="margin-left: 5px;">到第</label><input type="text" class="s1" style="margin-left: 5px;outline: none;"/>
                       <label style="margin-left: 5px;">页</label>
                       <a href="javascript:" class="btn small"  style="width: 60px;margin-left: 5px;">确 定</a>
                       <label style="margin-left: 5px;">共</label><input type="text" readonly class="s1"  style="margin-left: 5px;"/>
                       <label  style="margin-left: 5px;">页</label></li>
               </ul>

            <div id="xinxi">
                <div>
                    <ul class="cz">
                        <li style="margin-top:20px;"><a href="javascript:" class="btn" id="tianjia">添加学生</a>
                            <div id="meng" style="width:200%;height: 720px;background: #ccc;opacity: 0.9;
                                position: absolute;right:-80px;top: -60px;display: none;z-index: 100;
                                ">
                                  <p style="color: #fff;margin-top:260px;letter-spacing: 3px;margin-left:500px;">请补全信息</p>
                                  <a href="javascript:" class="btn cancel" style="margin-top: 20px;margin-left:500px;" id="que1">确 定</a>
                            </div>
                            <div id="meng5" style="width:200%;height: 720px;background: #ccc;opacity: 0.9;
                                position: absolute;right:-80px;top: -60px;display: none;z-index: 100;
                                ">
                            </div>
                            <div id="tj">
                                <h3 style="letter-spacing: 3px;">添加学生信息</h3>
                                <table>
                                    <tr>
                                        <td>姓　　名:</td>
                                        <td><input type="text" class="_t" id="_t1"/></td>
                                    </tr>
                                    <tr>
                                        <td>出生日期:</td>
                                        <td><input type="date"  class="_t" id="_t2"/></td>
                                    </tr>
                                    <tr>
                                        <td>所属班级:</td>
                                        <td><select id="sel">
                                            <option >艺体一班</option>
                                            <option>艺体二班</option>
                                            <option >艺体三班</option>
                                        </select></td>
                                    </tr>
                                    <tr>
                                        <td>家庭住址:</td>
                                        <td><input type="text"  class="_t" id="_t3"/></td>
                                    </tr>
                                    <tr>
                                        <td>联系电话:</td>
                                        <td><input type="text"  class="_t" id="_t4"/></td>
                                    </tr>
                                    <tr>
                                        <td>监 护 人 :</td>
                                        <td><input type="text"  class="_t" style="margin-left:15px;" id="_t5"/></td>
                                    </tr>

                                    <tr>
                                        <td colspan="2">
                                            <a href="javascript:" class="btn small" style="margin-left: 45px;" id="que">确 定</a>
                                            <a href="javascript:" class="btn small cancel"  id="qu">取 消</a>
                                        </td>
                                    </tr>
                                </table>

                            </div>
                        </li>
                        <li style="margin-top:20px;margin-left: 15px;">
                            <a href="javascript:" class="btn" id="cha">查看学生信息</a>
                            <div id="meng2" style="width:200%;height: 720px;background: #ccc;opacity: 0.9;
                                position: absolute;right:-80px;top: -60px;display: none;z-index: 100;
                                ">
                                <p style="color: #fff;margin-top:260px;letter-spacing: 3px;margin-left:500px;">请选择要查看的学生</p>
                                <a href="javascript:" class="btn cancel" style="margin-top: 20px;margin-left:500px;" id="que2">确 定</a>
                            </div>
                        </li>
                    </ul>
                    <ul class="cz">
                        <li style="margin-top:40px;">
                            <a href="javascript:" class="btn cancel"  id="cha1">删除学生</a>
                            <div id="meng3" style="width:200%;height: 720px;background: #ccc;opacity: 0.9;
                                position: absolute;right:-80px;top: -60px;display: none;z-index: 100;
                                ">
                                <p style="color: #fff;margin-top:260px;letter-spacing: 3px;margin-left:500px;">请选择要删除的学生</p>
                                <a href="javascript:" class="btn cancel" style="margin-top: 20px;margin-left:500px;" id="que3">确 定</a>
                            </div>
                        </li>
                        <li style="margin-top:40px;margin-left: 15px;">
                            <a href="javascript:" class="btn"  id="cha2">修改学生信息</a>
                            <div id="meng4" style="width:200%;height:720px;background: #ccc;opacity: 0.9;
                                position: absolute;right:-80px;top: -60px;display: none;z-index: 100;
                                ">
                                
                                	<p style="color: #fff;margin-top:260px;letter-spacing: 3px;margin-left: 500px;">请选择要修改的学生</p>
                                	<a href="javascript:" class="btn cancel" style="margin-top: 20px;margin-left:500px;" id="que4">确 定</a>
                                
                                
                            </div>
                        </li>
                    </ul>
                </div>



                <div style="border: 1px solid #ccc;margin-top: 30px;width: 450px;height: 150px;
                    border-radius: 8px;">
                    <p style="margin-top: -10px;background: #ccc;width:120px;margin-left: 10px;
                       padding: 5px 5px 5px 5px;border-radius: 3px;">
                        查询学生信息</p>
                    <div style="margin-left: -50px;margin-top: 15px;">
                        <select style="width: 100px;height: 30px;padding: 0px 5px 0px 5px;outline: none;">
                            <option>学生姓名</option>
                            <option>会员</option>
                            <option>非会员</option>
                            <option>班级</option>
                        </select>
                        <input type="text" style="width:200px;height: 18px;padding: 5px;outline: none;
                            border-radius: 4px;border: 1px solid #ccc;"/>
                    </div>
                    <a href="javascript:" class="btn" style="margin-top: 15px;">查 询</a>
                </div>
            </div>
        </div>
                <!--公用按钮：-->
                <!--<a href="javascript:" class="btn">确定按钮</a>-->
                <!--<a href="javascript:" class="btn cancel" >取消按钮</a>-->
                <!--<a href="javascript:" class="btn small" >确定按钮(小)</a>-->
                <!--<a href="javascript:" class="btn small cancel" >取消按钮(小)</a>-->

            </div>
        </div>
    <div id="footer">
        <p>2014 - 2016 &copy;版权二组所有，禁止抄袭</p>
    </div>
</div>
</body>
    <script src="js/student.js"></script>
</html>